﻿<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>WeUI</title>
    <link rel="stylesheet" href="../style/weui.css" />
    <link rel="stylesheet" href="./example.css" />
    <!--<link rel="stylesheet" href="/static/h5/css/h5.css">-->
    <!--<link rel="stylesheet" href="/static/h5/css/swiper-3.4.1.min.css">-->
    <style>
        .pop__panel .pop__choose-panel .pop__emotion-wrapper .pop__emotion__cells-swiper .pop__emotion-pagination {text-align: center;position: absolute;bottom: .1rem;z-index: 11;height: .7rem;}
    </style>
</head>
<body ontouchstart>
    <div class="weui-toptips weui-toptips_warn js_tooltips">错误提示</div>
    <!--容器-->
    <div class="container" id="container"></div>

    <!-- 泡泡IM主容器 -->
    <div class="pop__panel pop__clearfix" style="display:none">
        <div id="home" class="pop__main-page pop__flexbox">
            <div class="pop__header">
                <div class="pop__header-wrapper pop__flexbox">
                    <em class="pop__placeholder"></em><h2 class="pop__header-title pop__flex1">
                        <i class="pop__loading pop__loading-head" style="display: none;"></i>聊天消息
                    </h2><em class="pop__placeholder"></em>
                </div>
            </div>
            <div class="pop__body">
                <div class="pop__scrolling-panel">
                    <div class="pop__chatting-list">
                        <div class="pop__warning-tip" style="display: none;">
                            <i class="pop__loading" style="display: none;"></i>
                        </div>

                        <div class="pop__tip" style="display: none;">没有消息</div>

                        <!--会话列表-->
                        <ul class="pop__clearfix">
                            <li routeurl="/im/h5/friend/chat/380" class="pop__flexbox js_item" data-id="im_detail">
                                <div class="pop__avatar">
                                    <img src="/static/avatar.jpg">
                                </div>
                                <div class="pop__chatting-info">
                                    <h2 class="pop__chatting-title pop__clamp1">wh2007</h2>
                                    <p class="pop__chatting-content pop__clamp1">111</p>
                                </div>
                                <span value="1573698886" class="pop__time">3天前</span>
                                <div class="pop__chatting-delete pop__flexbox">删除</div>
                            </li>
                            <li routeurl="/im/h5/friend/chat/133" class="pop__flexbox js_item" data-id="im_detail">
                                <div class="pop__avatar">
                                    <img src="/static/avatar.jpg">
                                </div>
                                <div class="pop__chatting-info">
                                    <h2 class="pop__chatting-title pop__clamp1">测试好友</h2>
                                    <p class="pop__chatting-content pop__clamp1">[表情]</p>
                                </div> <span value="1573458450" class="pop__time">6天前</span>
                                <div class="pop__chatting-delete pop__flexbox">删除</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pop__body" style="display: none;">
                <div class="pop__scrolling-panel">
                    <div class="pop__friend-list">
                        <div class="pop__warning-tip" style="display: none;">

                        </div> <ul class="pop__clearfix">
                            <li><div routeurl="/im/h5/friend/search" class="pop__row pop__flexbox pop__flex-align-center pop__cell" style=""><img src="/static/h5/img/icon__add-friend.png" class="pop__avatar-small"><span class="pop__flex1">新的好友</span><label><!----></label></div> <div routeurl="/im/h5/group/list" class="pop__row pop__flexbox pop__flex-align-center pop__cell"><img src="/static/h5/img/icon__groups.png" class="pop__avatar-small"><span class="pop__flex1">群聊</span></div> </li>
                        </ul> <i class="pop__loading" style="display: none;"></i>
                    </div>
                </div> <div class="pop__friend-list-showletter">A</div> <div class="pop__friend-list-floatletter"><em>A</em><em>B</em><em>C</em><em>D</em><em>E</em><em>F</em><em>G</em><em>H</em><em>I</em><em>J</em><em>K</em><em>L</em><em>M</em><em>N</em><em>O</em><em>P</em><em>Q</em><em>R</em><em>S</em><em>T</em><em>U</em><em>V</em><em>W</em><em>X</em><em>Y</em><em>Z</em><em>#</em></div>
            </div>
            <div class="pop__body" style="display: none;">
                <div class="pop__scrolling-panel">
                    <div class="pop__explore-list">
                        <div class="pop__warning-tip" style="display: none;">

                        </div> <ul class="pop__clearfix"><li><div class="pop__explore-list-item pop__flexbox pop__flex-align-center pop__cell"><div class="pop__icon layui-icon"></div><span class="pop__flex1">看一看</span><div class="pop__arr"></div></div></li> <li><div class="pop__explore-list-item pop__flexbox pop__flex-align-center pop__cell"><div class="pop__icon layui-icon"></div><span class="pop__flex1">搜一搜</span><div class="pop__arr"></div></div></li></ul>
                    </div>
                </div>
            </div>
            <div class="pop__body" style="display: none;">
                <div class="pop__scrolling-panel">
                    <div class="pop__mine-info-list">
                        <div class="pop__warning-tip" style="display: none;">

                        </div> <ul class="pop__clearfix"><li><div routeurl="/im/h5/mine/detail" class="pop__mine-info-item pop__flexbox pop__flex-align-center pop__cell"><img class="pop__avatar" src="/static/h5/img/avatar.jpg"> <span class="pop__name pop__flex1"><em>wh2006</em><i>泡泡IM号：wh2006</i></span> <div class="pop__arr"></div></div></li> <li><div routeurl="/im/h5/setting/others" class="pop__mine-info-item pop__flexbox pop__flex-align-center pop__cell"><div class="pop__icon layui-icon"></div><span class="pop__flex1">设置</span><div class="pop__arr"></div></div></li></ul>
                    </div>
                </div>
            </div>
            <div class="pop__footer"><div class="pop__footer-wrapper pop__border-top"><ul class="pop__flexbox pop__flex-align-center"><li class="pop__flex1 pop__icon-selected"><i class="pop__ico layui-icon pop__icon-chatting"><!----></i><span>消息</span></li> <li class="pop__flex1"><i class="pop__ico layui-icon pop__icon-friends"><!----></i><span>通讯录</span></li> <li class="pop__flex1"><i class="pop__ico layui-icon pop__icon-explore"><em class="pop__badge pop__badge-dot"></em></i><span>探索</span></li> <li class="pop__flex1"><i class="pop__ico layui-icon pop__icon-mine"></i><span>我</span></li></ul></div></div>
        </div>
    </div>


    <script type="text/html" id="tpl_home">
        <div class="page">
            <div class="page__hd">
                <h1 class="page__title">Badge</h1>
                <p class="page__desc">徽章</p>
            </div>
            <div class="page__bd">
                <div class="weui-cells__title">新消息提示跟摘要信息后，统一在列表右侧</div>
                <div class="weui-cells">
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">单行列表</div>
                        <div class="weui-cell__ft" style="font-size: 0">
                            <span style="vertical-align:middle; font-size: 17px;">详细信息</span>
                            <span class="weui-badge weui-badge_dot" style="margin-left: 5px;margin-right: 5px;"></span>
                        </div>
                    </div>
                </div>

                <div class="weui-cells__title">未读数红点跟在主题信息后，统一在列表左侧</div>
                <div class="weui-cells">
                    <div class="weui-cell">
                        <div class="weui-cell__hd" style="position: relative;margin-right: 10px;">
                            <img src="images/pic_160.png" style="width: 50px;display: block" />
                            <span class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">8</span>
                        </div>
                        <div class="weui-cell__bd">
                            <p>联系人名称</p>
                            <p style="font-size: 13px;color: #888888;">摘要信息</p>
                        </div>
                    </div>
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">
                            <span style="vertical-align: middle">单行列表</span>
                            <span class="weui-badge" style="margin-left: 5px;">8</span>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </div>
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">
                            <span style="vertical-align: middle">单行列表</span>
                            <span class="weui-badge" style="margin-left: 5px;">8</span>
                        </div>
                        <div class="weui-cell__ft">详细信息</div>
                    </div>
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">
                            <span style="vertical-align: middle">单行列表</span>
                            <span class="weui-badge" style="margin-left: 5px;">New</span>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </div>
                </div>
            </div>
            <div class="page__ft">
                <a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>
            </div>
        </div>
    </script>


    <script type="text/html" id="tpl_home2" >
        <div class="page">
            <div class="page__hd">
                <h1 class="page__title">
                    <img src="./images/logo.png" alt="WeUI" height="21px" />
                </h1>
                <p class="page__desc">WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。</p>
            </div>
            <div class="page__bd page__bd_spacing">

                <ul>
                    <li>
                        <a class="weui-cell weui-cell_access js_item" data-id="im_detail">
                            <div class="weui-cell__bd">
                                <p>米花花米</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </a>

                        <a class="weui-cell weui-cell_access js_item" data-id="im_detail">
                            <div class="weui-cell__bd">
                                <p>小龚</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="page__ft">
                <a href="javascript:home()"><img src="./images/icon_footer.png" /></a>
            </div>
        </div>
    </script>

    <script type="text/html" id="tpl_im_detail">
        <div class="page">
            <!-- 聊天容器 -->
            <div id="chat" class="pop__panel pop__clearfix">
                <div class="pop__chat-wrapper pop__flexbox">
                    <div class="pop__header">
                        <div class="pop__header-wrapper pop__flexbox">
                            <a href="javascript:;" onclick="history.back(-1);" class="pop__header-back"></a>
                            <h2 class="pop__header-title pop__flex1 pop__clamp1 im-name">wh2007</h2>
                            <a href="javascript:" class="pop__dot-more" title="更多资料"></a>
                        </div>
                    </div> <div class="pop__chat-msg-panel pop__flex1">
                        <div class="pop__chat-content">
                            <ul class="pop__clearfix">
                                <li class="pop__chat-msg-notice" style="display: none;"><span><i class="pop__loading"></i>加载中...</span></li>
                                <li class="pop__chat-msg-notice" style="display: none;"><span>没有更多消息</span></li>
                                <li class="pop__chat-msg-time"><span>11-11 15:51</span></li>

                                <li class="pop__chat-msg-others" type="friend" timestamp="1573458723">
                                    <span routeurl="/im/h5/user/detail/380" class="pop__chat-msg-avatar"><img src="/static/h5/img/avatar.jpg"></span>
                                    <div class="pop__chat-msg-content"><!----> <div class="pop__chat-msg-msg pop__chat-msg-text"><span>11</span></div></div> <!---->
                                </li><!---->
                                <li class="pop__chat-msg-me" type="friend" timestamp="1573458739">
                                    <!----> <div class="pop__chat-msg-content">
                                        <!----> <div class="pop__chat-msg-msg pop__chat-msg-text"><span>aaa</span></div>
                                    </div> <span routeurl="/im/h5/user/detail/379" class="pop__chat-msg-avatar"><img src="/static/h5/img/avatar.jpg"></span>
                                </li>
                                <li class="pop__chat-msg-me" type="friend" timestamp="1573459511">
                                    <!----> <div class="pop__chat-msg-content">
                                        <!----> <div class="pop__chat-msg-msg pop__chat-msg-file">
                                            <span>
                                                <div class="pop__chat-msg-file-cover">
                                                    <i class="pop__chat-msg-icon">PNG</i>
                                                </div>                      <div class="pop__chat-msg-file-info">
                                                    <span class="pop__chat-msg-file-name">
                                                        <a href="https://demo.popoim.cn/upload/files/201911/115dc91637dc9d.png" download="fenxiao.png">fenxiao.png</a>
                                                    </span>                          <span class="pop__chat-msg-file-size">2.78&nbsp;KB</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div> <span routeurl="/im/h5/user/detail/379" class="pop__chat-msg-avatar"><img src="/static/h5/img/avatar.jpg"></span>
                                </li>

                                <div class="pop__chat-tap-menu" style="left: 0px; top: 0px; display: none;">
                                    <div class="pop__menu">
                                        <a href="javascript:void(0);"><i class="pop__icon-copy"></i>复制</a>
                                        <a href="javascript:void(0);" style="display: none;"><i class="pop__icon-revoke"></i>撤回</a>
                                    </div>
                                </div>
                                <div class="pop__chat-voice-tip" style="display: none;">
                                    <div class="pop__line-scale-pulse-out" style="display: none;">
                                        <div></div>
                                        <div></div> <div></div> <div></div> <div></div>
                                    </div> <div class="pop__cross" style="display: none;"></div> <div class=""></div>
                                </div>
                            </ul>
                        </div>
                    </div>

                    <div class="pop__chat-tool-panel">
                        <div class="pop__editor-panel pop__border-top pop__flexbox">
                            <i class="pop__btn pop__btn-voice" style=""></i> <i class="pop__btn pop__btn-keyboard" style="display: none;"></i>
                            <input class="pop__chat-tool-editor pop__user-select" style="width: 4.34rem;" onkeyup="changeContent()" />
                            <input type="button" value="按住 说话" class="pop__chat-tool-editor pop__none-user-select" style="width: 4.34rem; display: none;">
                            <i class="pop__btn pop__btn-emotion" onclick="showFace(0)"></i>
                            <i class="pop__btn pop__btn-choose" onclick="showFace(1)"></i>
                            <button class="pop__btn pop__btn-submit" style="display:none">发送</button>
                            <!---->
                        </div>
                        <div class="pop__choose-panel pop__border-top" style="display:none">

                            <div class="pop__emotion-wrapper" style="display: none;">
                                <div class="pop__emotion__cells pop__flexbox">
                                    <div class="pop__emotion__cells-swiper pop__flex1">
                                        <div id="pop__emotion" class="swiper-container">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide swiper-slide-active" style="width: 375px;">
                                                    <div class="pop__face-list">
                                                        <span><img class="face" src="/static/h5/img/emotion/face01/0.png" title="[表情0]"></span><span><img class="face" src="/static/h5/img/emotion/face01/1.png" title="[表情1]"></span><span><img class="face" src="/static/h5/img/emotion/face01/2.png" title="[表情2]"></span><span><img class="face" src="/static/h5/img/emotion/face01/3.png" title="[表情3]"></span><span><img class="face" src="/static/h5/img/emotion/face01/4.png" title="[表情4]"></span><span><img class="face" src="/static/h5/img/emotion/face01/5.png" title="[表情5]"></span><span>
                                                            <img class="face" src="/static/h5/img/emotion/face01/6.png" title="[表情6]">
                                                        </span><span><img class="face" src="/static/h5/img/emotion/face01/7.png" title="[表情7]"></span><span>
                                                            <img class="face" src="/static/h5/img/emotion/face01/8.png" title="[表情8]">
                                                        </span><span><img class="face" src="/static/h5/img/emotion/face01/9.png" title="[表情9]"></span><span><img class="face" src="/static/h5/img/emotion/face01/10.png" title="[表情10]"></span><span><img class="face" src="/static/h5/img/emotion/face01/11.png" title="[表情11]"></span><span><img class="face" src="/static/h5/img/emotion/face01/12.png" title="[表情12]"></span><span><img class="face" src="/static/h5/img/emotion/face01/13.png" title="[表情13]"></span><span><img class="face" src="/static/h5/img/emotion/face01/14.png" title="[表情14]"></span><span><img class="face" src="/static/h5/img/emotion/face01/15.png" title="[表情15]"></span><span><img class="face" src="/static/h5/img/emotion/face01/16.png" title="[表情16]"></span><span>
                                                            <img class="face" src="/static/h5/img/emotion/face01/17.png" title="[表情17]">
                                                        </span><span><img class="face" src="/static/h5/img/emotion/face01/18.png" title="[表情18]"></span><span><img class="face" src="/static/h5/img/emotion/face01/19.png" title="[表情19]"></span><span><img class="face" src="/static/h5/img/emotion/face01/20.png" title="[表情20]"></span>
                                                    </div>
                                                </div>
                                                <!-其他表情-->
                                                <!--
                                                   <div class="swiper-slide swiper-slide-next" style="width: 375px;">
                                                       <div class="pop__face-list">
                                                           <span><img class="face" src="/static/h5/img/emotion/face01/21.png" title="[表情21]"></span><span><img class="face" src="/static/h5/img/emotion/face01/22.png" title="[表情22]"></span><span><img class="face" src="/static/h5/img/emotion/face01/23.png" title="[表情23]"></span><span><img class="face" src="/static/h5/img/emotion/face01/24.png" title="[表情24]"></span><span><img class="face" src="/static/h5/img/emotion/face01/25.png" title="[表情25]"></span><span><img class="face" src="/static/h5/img/emotion/face01/26.png" title="[表情26]"></span><span><img class="face" src="/static/h5/img/emotion/face01/27.png" title="[表情27]"></span><span><img class="face" src="/static/h5/img/emotion/face01/28.png" title="[表情28]"></span><span>
                                                               <img class="face" src="/static/h5/img/emotion/face01/29.png" title="[表情29]">
                                                           </span><span><img class="face" src="/static/h5/img/emotion/face01/30.png" title="[表情30]"></span><span><img class="face" src="/static/h5/img/emotion/face01/31.png" title="[表情31]"></span><span><img class="face" src="/static/h5/img/emotion/face01/32.png" title="[表情32]"></span><span><img class="face" src="/static/h5/img/emotion/face01/33.png" title="[表情33]"></span><span><img class="face" src="/static/h5/img/emotion/face01/34.png" title="[表情34]"></span><span><img class="face" src="/static/h5/img/emotion/face01/35.png" title="[表情35]"></span><span><img class="face" src="/static/h5/img/emotion/face01/36.png" title="[表情36]"></span><span><img class="face" src="/static/h5/img/emotion/face01/37.png" title="[表情37]"></span><span><img class="face" src="/static/h5/img/emotion/face01/38.png" title="[表情38]"></span><span><img class="face" src="/static/h5/img/emotion/face01/39.png" title="[表情39]"></span><span><img class="face" src="/static/h5/img/emotion/face01/40.png" title="[表情40]"></span><span><img class="face" src="/static/h5/img/emotion/face01/41.png" title="[表情41]"></span>
                                                       </div>
                                                   </div>
                                                   <div class="swiper-slide" style="width: 375px;">
                                                       <div class="pop__face-list">
                                                           <span><img class="face" src="/static/h5/img/emotion/face01/42.png" title="[表情42]"></span><span><img class="face" src="/static/h5/img/emotion/face01/43.png" title="[表情43]"></span><span><img class="face" src="/static/h5/img/emotion/face01/44.png" title="[表情44]"></span><span><img class="face" src="/static/h5/img/emotion/face01/45.png" title="[表情45]"></span><span><img class="face" src="/static/h5/img/emotion/face01/46.png" title="[表情46]"></span><span><img class="face" src="/static/h5/img/emotion/face01/47.png" title="[表情47]"></span><span><img class="face" src="/static/h5/img/emotion/face01/48.png" title="[表情48]"></span><span><img class="face" src="/static/h5/img/emotion/face01/49.png" title="[表情49]"></span><span><img class="face" src="/static/h5/img/emotion/face01/50.png" title="[表情50]"></span><span><img class="face" src="/static/h5/img/emotion/face01/51.png" title="[表情51]"></span><span><img class="face" src="/static/h5/img/emotion/face01/52.png" title="[表情52]"></span><span><img class="face" src="/static/h5/img/emotion/face01/53.png" title="[表情53]"></span><span><img class="face" src="/static/h5/img/emotion/face01/54.png" title="[表情54]"></span><span><img class="face" src="/static/h5/img/emotion/face01/55.png" title="[表情55]"></span><span>
                                                               <img class="face" src="/static/h5/img/emotion/face01/56.png" title="[表情56]">
                                                           </span><span><img class="face" src="/static/h5/img/emotion/face01/57.png" title="[表情57]"></span><span><img class="face" src="/static/h5/img/emotion/face01/58.png" title="[表情58]"></span><span><img class="face" src="/static/h5/img/emotion/face01/59.png" title="[表情59]"></span><span><img class="face" src="/static/h5/img/emotion/face01/60.png" title="[表情60]"></span><span><img class="face" src="/static/h5/img/emotion/face01/61.png" title="[表情61]"></span><span><img class="face" src="/static/h5/img/emotion/face01/62.png" title="[表情62]"></span>
                                                       </div>
                                                   </div>
                                                   <div class="swiper-slide" style="width: 375px;">
                                                       <div class="pop__face-list">
                                                           <span><img class="face" src="/static/h5/img/emotion/face01/63.png" title="[表情63]"></span><span><img class="face" src="/static/h5/img/emotion/face01/64.png" title="[表情64]"></span><span><img class="face" src="/static/h5/img/emotion/face01/65.png" title="[表情65]"></span><span><img class="face" src="/static/h5/img/emotion/face01/66.png" title="[表情66]"></span><span><img class="face" src="/static/h5/img/emotion/face01/67.png" title="[表情67]"></span><span><img class="face" src="/static/h5/img/emotion/face01/68.png" title="[表情68]"></span><span><img class="face" src="/static/h5/img/emotion/face01/69.png" title="[表情69]"></span>
                                                           <span><img class="face" src="/static/h5/img/emotion/face01/70.png" title="[表情70]"></span><span><img class="face" src="/static/h5/img/emotion/face01/71.png" title="[表情71]"></span><span><img class="face" src="/static/h5/img/emotion/face01/72.png" title="[表情72]"></span><span><img class="face" src="/static/h5/img/emotion/face01/73.png" title="[表情73]"></span><span><img class="face" src="/static/h5/img/emotion/face01/74.png" title="[表情74]"></span><span><img class="face" src="/static/h5/img/emotion/face01/75.png" title="[表情75]"></span><span><img class="face" src="/static/h5/img/emotion/face01/76.png" title="[表情76]"></span><span><img class="face" src="/static/h5/img/emotion/face01/77.png" title="[表情77]"></span><span><img class="face" src="/static/h5/img/emotion/face01/78.png" title="[表情78]"></span><span><img class="face" src="/static/h5/img/emotion/face01/79.png" title="[表情79]"></span><span><img class="face" src="/static/h5/img/emotion/face01/80.png" title="[表情80]"></span><span><img class="face" src="/static/h5/img/emotion/face01/81.png" title="[表情81]"></span><span><img class="face" src="/static/h5/img/emotion/face01/82.png" title="[表情82]"></span><span><img class="face" src="/static/h5/img/emotion/face01/83.png" title="[表情83]"></span>
                                                       </div>
                                                   </div>
                                                   <div class="swiper-slide" style="width: 375px;">
                                                       <div class="pop__face-list">
                                                           <span>
                                                               <img class="face" src="/static/h5/img/emotion/face01/84.png" title="[表情84]">
                                                           </span><span><img class="face" src="/static/h5/img/emotion/face01/85.png" title="[表情85]"></span><span><img class="face" src="/static/h5/img/emotion/face01/86.png" title="[表情86]"></span><span><img class="face" src="/static/h5/img/emotion/face01/87.png" title="[表情87]"></span><span><img class="face" src="/static/h5/img/emotion/face01/88.png" title="[表情88]"></span><span><img class="face" src="/static/h5/img/emotion/face01/89.png" title="[表情89]"></span><span><img class="face" src="/static/h5/img/emotion/face01/90.png" title="[表情90]"></span><span><img class="face" src="/static/h5/img/emotion/face01/91.png" title="[表情91]"></span><span><img class="face" src="/static/h5/img/emotion/face01/92.png" title="[表情92]"></span><span><img class="face" src="/static/h5/img/emotion/face01/93.png" title="[表情93]"></span><span><img class="face" src="/static/h5/img/emotion/face01/94.png" title="[表情94]"></span><span><img class="face" src="/static/h5/img/emotion/face01/95.png" title="[表情95]"></span><span><img class="face" src="/static/h5/img/emotion/face01/96.png" title="[表情96]"></span><span><img class="face" src="/static/h5/img/emotion/face01/97.png" title="[表情97]"></span><span><img class="face" src="/static/h5/img/emotion/face01/98.png" title="[表情98]"></span><span>
                                                               <img class="face" src="/static/h5/img/emotion/face01/99.png" title="[表情99]">
                                                           </span><span><img class="face" src="/static/h5/img/emotion/face01/100.png" title="[表情100]"></span>
                                                       </div>
                                                   </div>
                                                   -->
                                            </div>


                                            <div class="pop__emotion-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="pop__choose-wrapper" style="display: none;">
                                <ul class="pop__clearfix">
                                    <li style="">
                                        <a href="javascript:;">
                                            <span class="pop__avatar">
                                                <i class="layui-icon layui-icon-image"></i>
                                                <form><input type="file" accept="image/*"></form>
                                            </span><em>照片</em>
                                        </a>
                                    </li>
                                    <li style="">
                                        <a href="javascript:;">
                                            <span class="pop__avatar">
                                                <i class="layui-icon"></i>
                                                <form><input type="file" accept="*"></form>
                                            </span><em>文件</em>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
    <script src="./zepto.min.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
    <script src="./example.js"></script>
    <!--<script src="/static/h5/js/fontSize.js"></script>-->
    <!--<script src="/static/h5/js/swiper-3.4.1.min.js"></script>-->
    <script src="/static/h5/js/im.config.js"></script>
    <script src="/static/h5/js/im.js"></script>

    <script type="text/javascript">

        $(function () {
            //QDChat.SessionList();
            //imClient.connect();
            bindBtn();
        });

        //选择表情、文件
        function showFace(index) {
            var isShow = false;
            var _index = 0;
            $(".pop__choose-panel").children().each(function () {
                if (_index == index) {
                    if ($(this).css("display") == "none") {
                        isShow = true;
                        $(this).css("display", "");
                    }
                    else {
                        isShow = false;
                        $(this).css("display", "none");
                    }
                }
                else
                    $(this).css("display", "none");
                _index++;
            });
            if (isShow)
                $(".pop__choose-panel").show();
            else
                $(".pop__choose-panel").hide();
        }

        //文字输入
        function changeContent() {
            if ($(".pop__chat-tool-editor").val().length > 0)
                $(".pop__btn-submit").show();
            else
                $(".pop__btn-submit").hide();
        }

        function bindBtn() {
            //会话列表
            $('.js_item').on('click', function () {
                var id = $(this).data('id');
                window.pageManager.go(id);
            });

            //发送消息
            $(".pop__btn-submit").click(function () {
                imClient.send($(".pop__chat-tool-editor").val())
            });
        }

    </script>
</body>
</html>
